<template>
    <h3 class="text-gray-800 hover:text-indigo-600 transition-all cursor-pointer font-semibold" @click="handleToPage(url)">
        {{ name }}
    </h3>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router';
const router = useRouter();

type Props = {
    name: string
    url: string
}

defineProps<Props>();

const handleToPage = (url:string) =>{
    router.push(url)
}
</script>

<style scoped>

</style>